@charset "utf-8";
* {letter-spacing:-0.05em;word-spacing:-0.05em;word-break:keep-all;}
#wrap {width:100%;padding-top:0px;position:relative; background-color:#152545;}

#header {position:absolute;left:0;top:0;width:100%;z-index:200;overflow:hidden;height:87px; background-image:url(../images/bb-menu.png);}
#header:before { 
	content:"";
	position:absolute;
	left:0;
	top:86px;
	height:1px; display:none;
	width:100%;
	background:#aa8a58; 
	z-index:0;
}
#header .inner {width:1100px;height:87px;margin:0 auto;position:relative;z-index:10;}
#header .logo {position:absolute;left:0;top:20px;font-size:0;}
#header .cs {position:absolute;right:0;top:0;/* width:300px; */border-left:0px solid #dfdfdf;border-right:0px solid #dfdfdf;color:#4a494d;/* font-size:0; */}
#header .cs ul {border-top:0px solid #dfdfdf;overflow:hidden;}
#header .cs ul li {float:left; padding-top:24px;}
#header .cs ul li:first-child {border-right:0px solid #dfdfdf; font-size: 17px;line-height: 40px;margin-right: 20px;}
#header .cs ul li:first-child a {color:#999}
#header .gnb {position:absolute; left: 50%; margin-left: -220px; top:0;}
#header .gnb > li {float:left; margin: 0 10px;position:relative;}
#header .gnb > li > a {display:block;height:87px;line-height:87px;color:#999;font-size:17px;padding:0 36px;letter-spacing:-0.075em;}
#header .gnb li ul {padding:0px 0 0 36px;position:absolute;left:0;top:100%;}
#header .gnb li ul li {margin-top:10px;}
#header .gnb li ul li:first-child {margin-top:0;}
#header .gnb li ul li a {display:block;line-height:16px;font-size:14px;color:#777;white-space:nowrap;}
#header .gnb > li:hover > a,
#header .gnb > li.active > a {color:#cbb0a6;}
#header .gnb li ul li:hover a,
#header .gnb li ul li.active a {color:#fff;}
#header .bg {position:absolute; }

#quick {position:fixed;right:0;top:50%;z-index:500;margin-top:-60.5px;}
#quick a {
	display:block;
	width:157px;
	height:37px;
	line-height:37px;
	color:#fff;
	font-size:14px;
	text-indent:50px;
	margin-top:5px;
	background-repeat:no-repeat;
	background-position:-157px 0;
}
#quick a:first-child {margin-top:0;}
#quick .quick1 {background-image:url(../images/quick1.gif);}
#quick .quick2 {background-image:url(../images/quick2.gif);}
#quick .quick3 {background-image:url(../images/quick3.gif);}
#quick a:hover {background-position:0 0;}



#vis,
#vis .vis {width:100%;height:800px;position:relative;z-index:0;overflow:hidden;}
#vis .vis .bg {position:relative;left:50%;margin-left:-1000px;z-index:0;transition:7s;transform:scale(1.2,1.2); }
#vis .vis .info {font-size:0;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;text-align:center;}
#vis .vis .info:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis .info dl {display:inline-block;vertical-align:middle;position:relative;z-index:10; top:23px;}
#vis .vis .info dl dt {font-size:40px;color:#fff;line-height:42px;letter-spacing:-0.055em;}
#vis .vis .info dl dd {font-size:17px;color:#fff; opacity:0.7; font-weight:400;margin-top:20px;letter-spacing:-0.005em; line-height: 180%;}
#vis .vis .info dl dt span { color:#74bfe7; font-weight:600; }
#vis .vis .info:after { 
	content:"";
	display:block;
	z-index:0;
	width:825px;
	height:316px;
	position:absolute;
	left:50%;
	top:54%;
	margin:-163px 0 0 -417.5px;
	border:1px solid rgba(255,255,255,0.5);;
	transform:scale(1.35,1.35);
	transition:5s;
}
#vis .vis.active .bg {transform:scale(1,1);}
#vis .vis.active .info:after {transform:scale(1,1);}

#vis .vis0 .info:after {background:none;}
#vis .vis1 .info:after {background:rgba(0,0,0,0.0);}
#vis .vis2 .info:after {background:rgba(0,0,0,0.0);}
#vis .vis3 .info:after {background:rgba(0,0,0,0.0);}
#vis .vis4 .info:after {background:rgba(0,0,0,0.0);}



#vis .bx-pager {position:absolute;z-index:100;bottom:50px;left:50%;margin-left:-100px;width:200px;text-align:center;}
#vis .bx-pager .bx-pager-item {display:inline;}
#vis .bx-pager .bx-pager-item a {
	display:inline-block;
	margin:0 5px;
	width:10px;
	height:10px;
	border:1px solid #fff;
	text-indent:-9999px;
	text-align:left;
	overflow:hidden;
	border-radius:50%;
	transition:0.3s;
}
#vis .bx-pager .bx-pager-item a.active {background:#fff;}



#mv {padding:70px 0 85px;overflow:hidden;position:relative; background-color:#fff;}
#mv .tit h3 {text-align:center;font-size:40px;font-weight:600;color:#333;letter-spacing:0;}
#mv .area {width:3000px;position:relative;left:50%;margin-left:-550px;margin-top:35px;}



#space {padding:70px 0 85px;overflow:hidden;position:relative; background-color:#152545;}
#space .tit h3 {text-align:center;font-size:40px;font-weight:600;color:#fff;letter-spacing:0;}
#space .area {width:3000px;position:relative;left:50%;margin-left:-1500px;margin-top:35px;}
#space .area .bx-wrapper {margin:0 auto;}
#space .area .box {width:900px;height:332px;position:relative;padding-top:10px;}
#space .area .box .center {position:absolute;left:0;top:10px;opacity:0;transition:1.5s;}
#space .area .box .num {
	display:block;
	width:68px;
	height:68px;
	top:0;
	position:absolute;
	font-weight:bold;
	opacity:0;
	transition:1.5s;
	left:0;
	line-height:68px;
	text-align:center;
	border:1px solid #cbb0a6;
	font-size:35px;
	color:#cbb0a6;
}
#space.action0 .area .box2 .center,
#space.action0 .area .box2 .num {opacity:1;}

#space.action1 .area .box3 .center,
#space.action1 .area .box3 .num {opacity:1;}

#space.action2 .area .box4 .center,
#space.action2 .area .box4 .num {opacity:1;}

#space.action3 .area .box5 .center,
#space.action3 .area .box5 .num {opacity:1;}

#space.action4 .area .box1 .center,
#space.action4 .area .box1 .num {opacity:1;}

#space .bx-controls-direction a {position:absolute;z-index:100;display:block;width:48px;height:114px;top:50%;margin-top:-52px;text-indent:-9999px;}
#space .bx-controls-direction .bx-prev {background:url(../images/space-prev.png) no-repeat;right:50%;margin-right:502px;}
#space .bx-controls-direction .bx-next {background:url(../images/space-next.png) no-repeat;left:50%;margin-left:502px;}



#designer {background:url(../images/bb-buz.jpg) no-repeat 50% 0;height:725px;padding-top:75px;}
#designer .tit h3 {text-align:center;font-size:25px;font-weight:200;color:#fff;letter-spacing:0;}
#designer .tit h3 strong {display:block;font-weight:500;}
#designer .inner {width:1140px;margin:0 auto;padding-top:40px; padding-left:30px;}
#designer .inner:after {content:"";display:block;clear:both;}
#designer .box {width:346px;position:relative;float:left;margin-left:30px;}
#designer .box:first-child {margin-left:0;}
#designer .box:before {
	content:"";
	display:block;
	width:374px;
	height:433px;
	position:absolute;
	left:-12px;
	top:-11px;
	background:url(../images/designer-bg.png) no-repeat;
	z-index:0;
}
#designer .box .area {position:relative;z-index:10;text-align:center;padding:35px 0 0;}
#designer .box .tit p {font-size:14px;color:#9e9e9e;height:28px;}
#designer .box .tit h4 {height:50px;font-size:22px;font-weight:600;color:#333; line-height:120%; padding-bottom:20px;}
#designer .box .txt {font-size:13px;color:#9e9e9e;line-height:16px;letter-spacing:-0.075em;padding:18px 0; padding-right:64px; padding-left:64px; text-align:left;}
#designer .box .more {width:216px;margin:0 auto; padding-bottom:50px;}
#designer .box .more a {display:block;height:31px;line-height:31px;background:#333;color:#fff;font-size:13px;letter-spacing:0;}

#premium {width:100%;height:630px; margin:0 auto;text-align:center;}
#premium:after {content:"";display:block;clear:both;}
#premium .lef {float:left;width:50%;}
#premium .lef dl {color:#fff;margin-top:185px;}
#premium .lef dl dt {font-size:24px;line-height:24px;letter-spacing:-0.075em;}
#premium .lef dl dd {font-size:13px;line-height:18px;letter-spacing:-0.075em;margin-top:15px;}
#premium .lef .img {margin-top:25px;}
#premium .rig {float:right;width:50%;}
#premium .rig h4 {font-size:25px;color:#555;font-weight:normal;margin:105px 0 22px;}
#premium .rig h4 span {display:block;font-size:18px;font-weight:300;}
#premium .rig .area {position:relative;}

#premium .bx-controls-direction a {position:absolute;z-index:100;display:block;width:10px;height:18px;top:50%;margin-top:-9px;text-indent:-9999px;}
#premium .bx-controls-direction .bx-prev {background:url(../images/premium-prev.png) no-repeat;left:100px;}
#premium .bx-controls-direction .bx-next {background:url(../images/premium-next.png) no-repeat;right:100px;}

#board {width:545px;height:46px;margin:50px auto 35px;padding:0 455px 0 100px;position:relative;}
#board h3 {position:absolute;left:0;top:50%;margin-top:-16px;font-size:22px;color:#555;font-weight:600;}
#board .btn {position:absolute;right:0;top:0;width:413px;border-left:1px solid #ddd;overflow:hidden;font-size:0;text-align:right;}
#board .btn a {
	display:inline-block;
	width:173px;
	text-align:center;
	height:44px;
	line-height:44px;
	text-align:center;
	border:1px solid #4a494d;
	font-size:16px;
	color:#555;
	margin-left:19px;
}
#board .btn a:hover {border-color:#a18a7b;background:#a18a7b;color:#fff;}
#board .area {padding-top:15px;}
#board .area:after {content:"";display:block;clear:both;}
#board .area li {float:left;width:225px;}
#board .area li:first-child {margin-right:56px;width:263px;}
#board .area li a {
	display:block;
	position:relative;
	height:17px;
	line-height:17px;
	font-size:13px;
	color:#9e9e9e;
	padding-right:25px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#board .area li a:before {
	content:"";
	display:block;
	width:17px;
	height:17px;
	background:url(../images/board-arr.gif) no-repeat;
	position:absolute;
	right:0;
	top:0;
}


#element {background:url(../images/element-bg2.jpg) no-repeat 50% 0;}
#element .inner {width:1100px;margin:0 auto;height:237px;padding-top:135px;}
#element .inner:after {content:"";display:block;clear:both;}
#element .box {float:left;width:244px;margin-bottom:20px;}
#element .box > * {float:left;}
#element .box:nth-child(odd) {clear:both;}
#element .box .img {padding-top:5px;}
#element .box .info dt {font-size:13px;color:#333;font-weight:600;}
#element .box .info dd {font-size:13px;color:#a19084;line-height:18px;}
#element .wrap {width:1100px;margin:0 auto;height:415px;padding-top:35px; /*padding-bottom:55px;*/ margin-top:-20px;}
#element .wrap dl {width:475px;text-align:center;}
#element .wrap dl dt {font-size:33px;color:#010101;font-weight:200;margin-bottom:45px;}

#footer {background:#152545;}
#footer .one {border-bottom:1px solid #000;}
#footer .one .inner {width:1100px;height:77px;margin:0 auto;position:relative;}
#footer .one .tel {position:absolute;right:0;top:25px;}
#footer .one #gotop {display:block;position:absolute;right:-10px;top:0;}
#footer .two {width:1100px;margin:0 auto;padding:25px 0;position:relative;}
#footer .two .info {font-size:13px;color:#7c8597;}
#footer .two address {font-size:13px;color:#7c8597;line-height:20px;margin-top:15px;}
#footer .two address > * {display:inline-block;vertical-align:middle;margin-right:5px;}
#footer .two .ad {position:absolute;right:0;top:20px;font-size:16px;line-height:28px;color:#7c8597;text-align:right;}
#footer .two .ad > * {display:block;}
#footer .two .ad em {font-size:16px;font-weight:300;}
#footer .two .ad strong {font-size:24px;font-weight:500;}
#footer .two .ad span {font-size:16px;font-weight:300;}

#svis {background:url(../images/svis1.jpg) no-repeat 50% 0;text-align:center;height:180px;margin-bottom:13px;}
#svis dl {padding-top:55px;}
#svis dl dt {color:#fff;font-size:28px;;font-weight:300;letter-spacing:-0.075em;}
#svis dl dd {margin-top:8px;}

#snb {border:1px solid #cbcbcb;width:1098px;margin:0 auto 55px;position:relative;z-index:200;background:;}
#snb:after {content:"";display:block;clear:both;}
#snb > li {float:left;position:relative;}
#snb > li:first-child + li > a {background:url(../images/snb-arr.gif) no-repeat 100% 50%;}
#snb > li:first-child + li + li > a {background:url(../images/snb-menu.gif) no-repeat 100% 50%;}
#snb > li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;}
#snb .ov > a {
	display:block;
	height:48px;
	line-height:48px;
	padding:0 35px 0 15px;
	font-size:14px;
	color:#555;
	letter-spacing:-0.075em;
	border-right:1px solid #cbcbcb;
	border-left:1px solid #cbcbcb;
	min-width:160px;
}
#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff;display:none;}
#snb .ov ul li {border:1px solid #cbcbcb;margin-top:-1px;}
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:14px;color:#555;padding:6px 15px;white-space:nowrap;letter-spacing:-0.075em;}

#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#f3f3f3;color:#333;}

#sub {width:1100px;margin:0 auto;padding-bottom:75px;min-height:400px;}



/* 컨텐츠 */




.left-menu{position: absolute; top:337px; left:50%; margin-left:345px; z-index:1000; font-size:13px; width:230px;}
.sub_menu ol{height:22px; background-image:url(../menu/ar.jpg); padding: 9px 12px;   color:#ffffff; }
.sub_menu ol a{height:22px; background-image:url(../menu/ar.jpg);  color:#fff; }
.sub_menu li{height:30px; background-image:url(../menu/left_bb.jpg); padding: 9px 12px; margin-bottom:-8px;}
.sub_menu li a{height:30px;font-weight:400; color:#717171; text-decoration:none; }
.sub_menu li a:hover { color:#ff6600; font-weight:400;text-decoration:none; }


	
#top-visual{background-size: cover; background-attachment: fixed; background-image:url(../images/ttt.jpg); height:267px;}
#top-visual2{background-size: cover; background-attachment: fixed; background-image:url(../images/ttt2.jpg); height:267px;}
#top-visual3{background-size: cover; background-attachment: fixed; background-image:url(../images/ttt3.jpg); height:267px;}
#top-visual4{background-size: cover; background-attachment: fixed; background-image:url(../images/ttt4.jpg); height:267px;}
#top-visual5{background-size: cover; background-attachment: fixed; background-image:url(../images/ttt5.jpg); height:267px;}
#top-visual p{ color:#fff; font-size:2.6em; text-align:center; padding-top:153px;}


#top-visual .info {font-size:0;position:absolute;left:0;top:0;width:100%;height:310px;z-index:10;text-align:center;}
#top-visual .info:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#top-visual .info dl {display:inline-block;vertical-align:middle;position:relative;z-index:10; top:23px;}
#top-visual .info dl dt {font-size:30px;color:#fff;line-height:29px;letter-spacing:-0.055em;}
#top-visual .info dl dd {font-size:13px;color:#fff; opacity:0.7; font-weight:400;margin-top:10px;letter-spacing:-0.005em;}


.sub{ margin:0 auto; width:1150px; background-color:#fff;}
.sub-page{ width:800px;left:0px; background-color:#FFFFFF; padding:58px; }

#space h5{font-size: 3.7em; color:#111111; padding-top:30px; font-weight:500; letter-spacing:-3px; padding-bottom:0px; line-height:70%;}
.line{width:100%; height:2px; background-image:url(../images/sub-line.jpg); margin-left:0px;}

h11{font-size: 2em; color:#111111; padding-top:40px; font-weight:500; letter-spacing:-3px; }

table.title-box{ font-size:1em;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  margin : 0px 0px 10px;
}
table.title-box th {
    padding: 5px 18px 4px 21px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eee;
}
table.title-box td a{color:#333;}
table.title-box td { text-decoration:none; 

    padding: 4px 18px 4px 18px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/*


#container{ padding-left:0px; padding-top:60px;  } 

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:16px;
	border-left: 1px solid #ddd;
	height:40px;
}
ul.tabs li { margin-bottom:-1px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: bold;
    background: #eee;
    overflow: hidden;
    position: relative;
	padding-top:1px;
}
ul.tabs li.active { color:#a9885b;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:800px;
}
.tab_content { position: absolute; 
    margin:40px 0px 0px 0px; margin-left:0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}
 #container {
    width: 100%;
    margin: 0 auto;
}


*/

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:16px;
	border-left: 1px solid #ddd;
	height:40px;
}

ul.tabs li { margin-bottom:-1px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: bold;
    background: #eee;
    overflow: hidden;
    position: relative;
	padding-top:1px;
}
ul.tabs li.active { color:#a9885b;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}


.tab_container { 
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}



.tab_content { 
 margin:40px 0px 0px 0px; margin-left:0px; padding-right:60px;
    font-size: 1em;
    display: none;
	
}
	
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}

.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}
 #container {
    width: 100%;
    margin: 0 auto;
 }



.hnn-tab {margin-bottom:50px; height:60px;background:url(../images/sub-dot.gif) 0 100% repeat-x;border-top:1px solid #999; font-size:0; text-align:center;}
.hnn-tab li {display:inline-block; height:60px; line-height:60px; text-align:center; width:200px; margin:0 10px}
.hnn-tab li a {font-size:20px; width:100%; height:100%; color:#a0a0a0;display:block; letter-spacing:-0.05em; position:relative;}
.hnn-tab li a.active {background:url(../images/tab-on.gif) 50% 100% no-repeat;color:#000; }
.hnn-tab li a.active:after {content:""; display:block; width:100%; height:9px; background:#ccb283; position:absolute; top:-5px; left:0;}
.hnn-tab.tab6 li {margin:0; width:183.3px;}
.hnn-tab.tab6 li a {font-size:18px;}






/* Reset CSS */
.mejs-inner,
.mejs-inner div,
.mejs-inner a,
.mejs-inner span,
.mejs-inner button {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* Video Container / General Styles */
.mejs-container {
	position: relative;
	background: #000000;
}

.mejs-inner {
	position: relative;
	width: inherit;
	height: inherit;
}

.me-plugin { position: absolute; }

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video,
.mejs-embed,
.mejs-embed body,
.mejs-mediaelement {
	width: 100%;
	height: 100%;
}

.mejs-embed,
.mejs-embed body {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}

.mejs-poster img { display: block; }

.mejs-background,
.mejs-mediaelement,
.mejs-poster,
.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-overlay-play { cursor: pointer; }

.mejs-inner .mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	background: url(../img/play.png) no-repeat;
}

/* Controls Container */
.mejs-container .mejs-controls {
	position: absolute;
	width: 100%;
	height: 34px;
	left: 0;
	bottom: 0;
	background: rgb(0,0,0); /* IE8- */
	background: rgba(0,0,0, .7);
}

/* Controls Buttons */
.mejs-controls .mejs-button button {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: transparent url(../img/controls.png);
}

/* Play & Pause Button */
.mejs-controls div.mejs-playpause-button {
	position: absolute;
	top: 12px;
	left: 15px;
}

.mejs-controls .mejs-play button,
.mejs-controls .mejs-pause button {
	width: 12px;
	height: 12px;
	background-position: 0 0;
}

.mejs-controls .mejs-pause button { background-position: 0 -12px; }

/* Mute & Unmute */
.mejs-controls div.mejs-volume-button {
	position: absolute;
	top: 12px;
	left: 45px;
}

.mejs-controls .mejs-mute button,
.mejs-controls .mejs-unmute button {
	width: 14px;
	height: 12px;
	background-position: -12px 0;
}

.mejs-controls .mejs-unmute button { background-position: -12px -12px; }

/* Full-Screen Button */
.mejs-controls div.mejs-fullscreen-button {
	position: absolute;
	top: 7px;
	right: 7px;
}

.mejs-controls .mejs-fullscreen-button button,
.mejs-controls .mejs-unfullscreen button {
	width: 27px;
	height: 22px;
	background-position: -26px 0;
}

.mejs-controls .mejs-unfullscreen button { background-position: -26px -22px; }

/* Volume Slider */
.mejs-controls div.mejs-horizontal-volume-slider {
	position: absolute;
	cursor: pointer;
	top: 16px;
	left: 65px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 60px;
	background: #d6d6d6;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	width: 0;
	top: 0;
	left: 0;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	height: 3px;
    top:0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* Progress Bar */
.mejs-controls div.mejs-time-rail {
	position: absolute;
	width: 100%;
	left: 0;
	top: -3px;
}

.mejs-controls .mejs-time-rail span {
	position: absolute;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 3px;
	top: 0;
	left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-total { background-color:#ffffff;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: rgb(0,0,0); /* IE8- */
	background: rgba(0,0,0, .3);
}

.mejs-controls .mejs-time-rail .mejs-time-current { width: 0; }

/* Progress Bar Handle */
.mejs-controls .mejs-time-rail .mejs-time-handle {
	position: absolute;
	cursor: pointer;
	width: 16px;
	height: 18px;
	top: -7px;
	background: url(../img/handle.png);
}

/* Progress Bar Time Tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	width: 33px;
	height: 0px;
	top: -26px;
	margin-left: -17px;
	background: url(../img/tooltip.png);
	display:none;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	position: absolute;
	display: block;
	left: 0;
	top: 4px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	display:none;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none; }

/* Green Gradient (for progress and volume bar) */
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #82d344;
	background: -webkit-linear-gradient(top, #f5e101 0%, #f5e101 100%);
	background: -moz-linear-gradient(top, #f5e101 0%, #f5e101 100%);
	background: -o-linear-gradient(top, #f5e101 0%, #f5e101 100%);
	background: -ms-linear-gradient(top, #f5e101 0%, #f5e101 100%);
	background: linear-gradient(top, #f5e101 0%, #f5e101 100%);
}



ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:15px;
	height:40px;
}


ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:10px; 
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 45px;
    /*line-height: 45px;*/
    border: 1px solid #ccc;
    font-weight: 600;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}

ul.tabs2 li.selected.backnone, ul.tabs li.selected.backnone:hover {
	border: 1px solid #ccc;
    color: #232222;
    background: #fff;
}
ul.tabs2 li.selected.backnone a, ul.tabs li.selected.backnone:hover a{
	color: #232222;
}

ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #ff6600; border:1px solid #ff6600;}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs2 li a { padding:10px 180px; color:#444; display:block; font-weight: 600;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.active { color:#fff; background: #ff6600; border:1px solid #ff6600; }


.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}

ul.tabs2 li a.re_pad {padding: 3px 20px;}